<!-- 功能区页面每个模块区域组件 -->
<template>
	<view class="work-box">
		<view class="title">{{ funItem.title }}</view>
		<view class="work-items">
			<navigator
				class="item-box"
				:url="item.pageUrl + '?url=' + (item.Eurl || '') + '&id=' + (item.id || '') + '&text=' + (item.text || '')"
				v-for="(item, index) in funItem.items"
				:key="index"
			>
				<u-image :src="vuex_url + item.src" width="88rpx" height="87rpx"></u-image>
				<text class="u-m-t-12">{{ item.text }}</text>
			</navigator>
		</view>
	</view>
</template>

<script>
export default {
	name: 'function-item',
	props: {
		funItem: {
			type: Object,
			default: function() {
				return {};
			}
		}
	},
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.work-box {
	width: 100%;
	padding: 36rpx 24rpx;
	background-color: white;
	margin-bottom: 20rpx;
}
.title {
	color: #141418;
	font-size: 36rpx;
}
.work-items {
	display: flex;
	flex-wrap: wrap;
}
.item-box {
	display: inline-block;
	// margin: 45rpx 50rpx 41rpx 50rpx;
	margin-top: 45rpx;
	width: 25%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
</style>
